body{background-color: #1b2838;}
*{margin: 0 auto;padding: 0;}
.heng-box{
    height: 100vh;
    width: 1440px;

    /* background-color: red; */
}
.heng-left{
	float: left;
	height: 90vh;
	width: 50%;
	/* background-color: aqua; */
}
.heng-right{
	height: 90vh;
	width: 50%;
	float: left;
	/* background-color: aquamarine; */
}

.heng-imgbox{
	height: 10vh;
	width: 30%;
	float: left;
	overflow: hidden;
	line-height: 10vh;
	border-radius: 10px 0 0 10px;
	
	/* background-color: #55aa00; */
}

.heng-img{
	width: 100%;
}
.textbox-left{
	position: absolute;
	float: left;
	width: 60%;
	height: 10vh;
	position: inherit;
	
}

.heng-list{
	cursor: pointer;
	position: relative;
	height:10vh ;
	width: 100%;
	margin-top: 1%;
	margin-bottom: 1%;
	color: #fff;
	background-color: rgba(0, 0, 0, .2);
	border-radius: 0px 10px 10px 0px;
}

.heng-list a{
	color: #fff;
	text-decoration: none;
}

.textbox-left span{
	display: block;
	padding-left: 3vh;
	height: 5vh;
	width: 40vh;
	line-height: 5vh;
	font-size: 18px;
	font-weight: 800;
	/* color: #fff; */
	/* background-color: aliceblue; */
}
.textbox-left p{
	display: block;
	padding-left: 3vh;
	height: 5vh;
	width: 40vh;
	line-height: 5vh;
	font-size: 12px;
	color: #737373;
	/* background-color: aliceblue; */
}

.heng-zhaiyao{
	position: absolute;
	right:0;
	width: 70%;
	height: 5vh;
	margin-top: 10vh;
	z-index: 10;
	display: none;
	background-color:rgba(138, 43, 226, 1);
	border-radius: 0px 0px 10px 10px;
	text-align: center;
	overflow: hidden;
	line-height: 5vh;
	
}

.heng-zhaiyao div{
	
	margin-left: 40px;
	word-wrap:break-word;
	height: 100%;
	width: 80%;
	overflow: hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}

.heng-list:hover .heng-zhaiyao{
	display: block;
	transition: .3;
	z-index: 1;
	
}

.heng-list:hover{
	background-color:rgba(138, 43, 226, 1);
	border-radius: 10px 10px 0px 0px;
	color: #fff;
	box-shadow: 0 10px 20px 5px rgba(0, 0, 0, .8);
}

/* 
.heng-list:hover .heng-imgbox{
	overflow: visible;
	position: relative;
	z-index: 999;
} */

/* .heng-list:hover .heng-img{
	border: 4px solid seashell;
	border-radius: 10px;
	margin-left: -4px;
	margin-top: -4px;
	box-shadow: 0 0 100px 10px rgba(138, 43, 226, .5);
} */
.style-xian{
	float: left;
	height: .1vh;
	margin-top: -.1vh;
	width: 0%;
	margin-left: 8%;
	transition: 1s;
	background-color: #fff;
}

.heng-list:hover .style-xian{
	/* border-bottom: 3px #fff solid; */
	/* transition: .2s; */
	width: 50%;
}

.textbox-right{
	float: left;
	height: 10vh;
	width: 10%;
	line-height: 10vh;
	text-align: center;
	border-radius: 0px 10px 10px 0px;
	/* background-color: rgba(138, 43, 226, .5); */
}
